.home-contanier {
    width: 100vw;
    height: 100vh;
    background: url(../../assets/imgsDashboard/大屏全屏背景background-6-aa4b2b1f271ad50a.jpg) no-repeat;
    background-size: cover;
    padding-top: 16px;
    padding-left: 16px;

    // 上部
    .topFour {
        display: flex;

        // 上左部
        .leftTwo {
            width: 700px;
            height: 400px;

            // 上左 上部
            .topLayout {
                width: 100%;
                height: 50px;
                display: flex;
                // background-color: #131211;
                justify-content: space-between;
                padding-bottom: 10px;

                // 时间组件
                .leftTimer {
                    width: 22%;
                    height: 50px;
                    line-height: 25px;
                    color: white;
                    font-size: 12px;
                    margin-right: 38px;
                    padding-left: 10px;
                }

                // 4个栅格
                .rightLayout {
                    width: 78%;
                    height: 50px;

                    .el-row {
                        width: 100%;
                        margin-bottom: 20px;
                        height: 50px;
                    }
                    .el-row:last-child {
                        margin-bottom: 0;
                    }
                    .el-col {
                        border-radius: 4px;
                    }

                    .grid-content {
                        border-radius: 4px;
                        min-height: 36px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        padding-top: 6px;
                        font-size: 12px;
                        color: #42A5E9;

                        .el-icon {
                            font-size: 30px;
                            padding-right: 3px;
                            color: #41474E;
                        }
                    }
                }
            }

            // 上左 下部 大地图
            .bottomMap {
                height: 400px;
                display: flex;
                border-image-source: url(https://sugar.aipage.com/static/img-templet/border-93-63f1aa8a1c6516ca.png);
                border-image-slice: 35 fill;
                border-width: 35px;
                border-style: solid;
                background-clip: padding-box;
                filter: blur(0px);
                position: relative;

                // 大地图
                .ChineseMap {
                    width: 63%;
                    height: 400px;
                    // background-color: #1F1710;
                }
                .rightCharts {
                    width: 37%;
                    height: 400px;
                    // background-color: aqua;
                    // 折线图
                    .topChartOne {
                        height: 120px;
                    }
                    // 柱状图
                    .bottomChartTwo {
                        margin-top: 40px;
                        height: 120px;
                    }
                }

                .tableInfoOne {
                    width: 180px;
                    font-size: 14px;
                    height: 60px;
                    
                    color: #409FE0;
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: flex;
                    align-items: center;

                    .imgBgiLeft{
                        width: 66px;
                        height: 66px;
                        img{
                            width: 100%;
                            height: 100%;
                        }
                    }

                    .saleInscrease{
                        .spanOne{
                            color: red;
                            margin-right: 10px;
                            font-size: 20px;
                        }
                        .spanTwo{
                            color: white;
                            font-size: 26px;
                            margin-right: 6px;

                        }
                    }
                }


                .tableInfoTwo {
                    width: 160px;
                    font-size: 13px;
                    height: 60px;
                    color: white;
                    position: absolute;
                    bottom: 22px;
                    left: 0;
                }
            }
        }

        // // 上右部
        // .rightTwo {
        //     background-color: skyblue;
        //     width: 400px;
        //     height: 400px;
        // }
    }
}
//     // 下部
//     .bottomTwo {
//         display: flex;
//         // justify-content: space-between;

//         // 下左部

//         .leftLayoutFour {
//             background-color: gray;
//             width: 700px;
//             height: 100px;
//         }
//         // 下右部
//         .rightTable {
//             background-color: green;
//             width: 400px;
//             height: 100px;
//         }
//     }
//
